@charset "utf-8";
/* CSS Document */

body,ul,p{
	margin:0;
	padding:0;
}
html {
    height: 100%;
}
body{
	background:url(../img/bg.jpg) center top no-repeat;
	background-size:100% 100%;
	min-height:100%;
}
#hd{
	height:182px;
}
#content{
	width:100%;
}
#content .reserved{
	width:100%;
	height:34px;	
	line-height:34px;	
	text-align:center;
}
#content .reserved span{
	color:#FFF;	
}
#content .zc{
	min-width: 320px;
    max-width: 640px;
}
#content .zc form{
	width:194px;
	margin:0 auto;
}
#content form input{
	width:114px;
	font-size:20px;
	color:#FFF;
	line-height:31px;
	height:31px;
	padding-left:80px;
	border:none;
	margin:0 auto;
	outline:none;
	margin-bottom:16px;
}
#content form input.name{
	margin-top:17px;
	background:url(../img/1_02.png) no-repeat;
	background-size:100%;
	
}
#content form input.phone{
	background:url(../img/1_04.png) no-repeat;
	background-size:100%;
}
#content form input.hospital{
	background:url(../img/1_06.png) no-repeat;
	background-size:100%;
	margin-bottom:49px;
}
#content form button{
	width:194px;
	outline:none;
	height:31px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../img/register.png) no-repeat;	
	background-size:100%;
}
#content .zc a{
	display:block;
	width:194px;
	height:31px;
	margin:0 auto 16px;
}
#content .zc a.meeting{
	margin-top:17px;
	background:url(../img/3_02.png) no-repeat;
	background-size:100%;
}
#content .zc a.cases{
	background:url(../img/3_04.png) no-repeat;
	background-size:100%;
}
#content .zc a.vote{
	background:url(../img/3_06.png) no-repeat;
	background-size:100%;
}
@media screen and (min-width:320px) and (max-width:479px) {

}
@media screen and (min-width:480px) and (max-width:639px) {
#hd{height:210px;}
}

@media screen and (min-width:640px){
#hd{height:210px;}
#content{ width:640px; margin:0 auto;}	

}